import React from 'react'
// import '../layouts/home/home.css'
import { Flex, Layout } from 'antd';
import Left from '../components/Home/Left';
import Nav from '../components/Home/Header';
import { Outlet } from 'react-router';
const { Header, Footer, Sider, Content } = Layout;

function Home() {
  return (
    
      <Layout className="layoutStyle">
        <Header className="headerStyle">
          {/* 头部 */}
          <Nav></Nav>
        </Header>
        <Layout>
          <Sider width="15%" className="siderStyle">
            {/* 左侧 */}
            <Left></Left>
          </Sider>
          <Content style={{ background: "#fff", padding: '0 10px', overflow: 'auto' }}>
            <Outlet></Outlet>
          </Content>
        </Layout>
      </Layout>
 
  )
}

export default Home
